<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no">
    <title>乐淘淘CMS</title>
    <!--bootstrap 样式-->
    <link rel="stylesheet" href="asset/plugin/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="asset/plugin/dropify/dist/css/dropify.min.css">
    <!--chartist.js-->
    <link rel="stylesheet" href="asset/plugin/chartist-js/chartist.min.css">
    <link rel="stylesheet" href="asset/plugin/chartist-js/chartist-init.css">
    <!--c3-->
    <link rel="stylesheet" href="asset/plugin/c3/c3.min.css">
    <!--模板主题样式-->
    <link rel="stylesheet" href="asset/plugin/material/css/style.css">
    <link rel="stylesheet" href="asset/plugin/material/css/colors/blue.css">
    <!--sweetaerl弹框-->
    <link rel="stylesheet" href="asset/plugin/sweetalert/sweetalert.css"/>
    <!--vue-->
    <script src="asset/plugin/vue/vue.js"></script>
    <!--jquery脚本-->
    <script src="asset/plugin/jquery/jquery.min.js"></script>


</head>
<body class="fix-header fix-sidebar card-no-border">
<!--预加载-->
<div class="preloader">
    <svg class="circular" viewBox="25 25 50 50">
        <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/>
    </svg>
</div>
<!--主体容器-->
<div id="main-wrapper">
    <!--头部-->
    <header class="topbar">
        <!--顶部导航栏-->
        <nav class="navbar top-navbar navbar-expand-md navbar-light">
            <!-- Logo -->
            <div class="navbar-header">
                <a class="navbar-brand" href="index.html">
                    <!-- Logo icon --><b>
                    <!--You can put here icon as well // <i class="wi wi-sunset"></i> //-->
                    <!-- Dark Logo icon -->
                    <img src="asset/image/logo.png" style="height: 20px" alt="homepage" class="dark-logo"/>
                    <!-- Light Logo icon -->
                    <img src="asset/image/logo.png" alt="homepage" class="light-logo"/>
                </b>
                    <!--End Logo icon -->
                    <!-- Logo text --><span>
                         <!-- dark Logo text -->
                         <img src="asset/image/logo-text.png" style="height: 20px" alt="homepage" class="dark-logo"/>
                    <!-- Light Logo text -->
                         <img src="asset/image/logo-text.png" class="light-logo" alt="homepage"/></span> </a>
            </div>
            <!-- ============================================================== -->
            <!-- End Logo -->
            <!-- ============================================================== -->
            <div class="navbar-collapse">

                <!-- ============================================================== -->
                <!-- toggle and nav items -->
                <!-- ============================================================== -->
                <ul class="navbar-nav mr-auto mt-md-0">
                    <!-- This is  -->
                    <li class="nav-item"><a class="nav-link nav-toggler hidden-md-up text-muted waves-effect waves-dark"
                                            href="javascript:void(0)"><i class="mdi mdi-menu"></i></a></li>
                    <li class="nav-item"><a
                            class="nav-link sidebartoggler hidden-sm-down text-muted waves-effect waves-dark"
                            href="javascript:void(0)"><i class="ti-menu"></i></a></li>

                </ul>
                <!-- ============================================================== -->
                <!-- User profile and search -->
                <!-- ============================================================== -->
                <ul class="navbar-nav my-lg-0">
                    <!-- ============================================================== -->
                    <!-- Profile -->
                    <!-- ============================================================== -->
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href=""
                           data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img
                                src="asset/image/users/1.jpg" alt="user" class="profile-pic"/></a>
                        <div class="dropdown-menu dropdown-menu-right scale-up">
                            <ul class="dropdown-user">
                                <li>
                                    <div class="dw-user-box">
                                        <div class="u-img"><img src="asset/image/users/1.jpg" alt="user"></div>
                                        <div class="u-text">
                                            <h4>超级管理员</h4>
                                            <p class="text-muted">xwkj2020@163.com</p>
                                            <a href="#" class="btn btn-rounded btn-danger btn-sm" data-toggle="modal"
                                               data-target="#myModal">个人信息</a></div>
                                    </div>
                                </li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#"><i class="ti-user"></i> 我的简介</a></li>
                                <li><a href="#"><i class="ti-wallet"></i>我的账户</a></li>
                                <li><a href="#"><i class="ti-email"></i> 收件箱</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#"><i class="ti-settings"></i> 账户设置</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#"><i class="fa fa-power-off"></i> 注销</a></li>
                            </ul>
                        </div>
                    </li>
                    <!-- ============================================================== -->
                    <!-- Language -->
                    <!-- ============================================================== -->
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href=""
                           data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i
                                class="flag-icon flag-icon-us"></i></a>
                        <div class="dropdown-menu dropdown-menu-right scale-up"><a class="dropdown-item" href="#"><i
                                class="flag-icon flag-icon-in"></i> India</a> <a class="dropdown-item" href="#"><i
                                class="flag-icon flag-icon-fr"></i> French</a> <a class="dropdown-item" href="#"><i
                                class="flag-icon flag-icon-cn"></i> China</a> <a class="dropdown-item" href="#"><i
                                class="flag-icon flag-icon-de"></i> Dutch</a></div>
                    </li>
                </ul>
            </div>

        </nav>
    </header>
    <!--侧边栏-->
    <aside class="left-sidebar">
        <!-- Sidebar scroll-->
        <div class="scroll-sidebar">
            <!-- User profile -->
            <div class="user-profile" style="background: url(asset/image/background/user-info.jpg) no-repeat;">
                <!-- User profile image -->
                <div class="profile-img"><img src="asset/image/users/profile.png" alt="user"/></div>
            </div>
            <!-- Sidebar navigation-->
            <nav class="sidebar-nav">
                <ul id="sidebarnav">
                    <li class="nav-small-cap">系统菜单</li>
                    <li><a class="has-arrow waves-effect waves-dark" href="#" aria-expanded="false">
                        <i class="mdi mdi-folder-multiple-outline"></i><span class="hide-menu">分类管理 </span></a>
                        <ul aria-expanded="false" class="collapse">
                            <li><a href="view/category/category-list.html">分类列表</a></li>
                        </ul>
                    </li>
                    <li><a class="has-arrow waves-effect waves-dark" href="#" aria-expanded="false">
                        <i class="mdi mdi-wallet-travel"></i><span class="hide-menu">商品管理 </span></a>
                        <ul aria-expanded="false" class="collapse">
                            <li><a href="view/product/productlist.html">商品列表</a></li>
                        </ul>
                    </li>
                    <li><a class="has-arrow waves-effect waves-dark" href="#" aria-expanded="false">
                        <i class="mdi mdi-map-marker-radius"></i><span class="hide-menu">地址管理 </span></a>
                        <ul aria-expanded="false" class="collapse">
                            <li><a href="view/address/addresslist.html">地址列表</a></li>
                        </ul>
                    </li>
                    <li><a class="has-arrow waves-effect waves-dark" href="#" aria-expanded="false">
                        <i class="mdi mdi-account"></i><span class="hide-menu">用户管理 </span></a>
                        <ul aria-expanded="false" class="collapse">
                            <li><a href="view/user/userlist.html">用户列表</a></li>
                        </ul>
                    </li>
                    <li><a class="has-arrow waves-effect waves-dark" href="#" aria-expanded="false">
                        <i class="mdi mdi-file-outline"></i><span class="hide-menu">订单管理 </span></a>
                        <ul aria-expanded="false" class="collapse">
                            <li><a href="view/order/orderlist.html">订单列表</a></li>
                        </ul>
                    </li>
                    <li><a class="has-arrow waves-effect waves-dark" href="#" aria-expanded="false">
                        <i class="mdi mdi-file-document"></i><span class="hide-menu">订单详情管理 </span></a>
                        <ul aria-expanded="false" class="collapse">
                            <li><a href="view/order_detail/order_detaillist.html">订单详情列表</a></li>
                        </ul>
                    </li>
                    <li><a class="has-arrow waves-effect waves-dark" href="#" aria-expanded="false">
                        <i class="mdi mdi-message-text"></i><span class="hide-menu">评论管理 </span></a>
                        <ul aria-expanded="false" class="collapse">
                            <li><a href="view/comment/commentlist.html">评论列表</a></li>
                        </ul>
                    </li>


                </ul>
            </nav>
            <!-- End Sidebar navigation -->
        </div>
        <!-- End Sidebar scroll-->
        <!-- Bottom points-->
        <div class="sidebar-footer">
            <!-- item--><a href="" class="link" data-toggle="tooltip" title="Settings"><i class="ti-settings"></i></a>
            <!-- item--><a href="" class="link" data-toggle="tooltip" title="Email"><i class="mdi mdi-gmail"></i></a>
            <!-- item--><a href="" class="link" data-toggle="tooltip" title="Logout"><i class="mdi mdi-power"></i></a>
        </div>
        <!-- End Bottom points-->
    </aside>
    <!--页面主体-->
    <div class="page-wrapper">

        <div class="container-fluid">

            <div class="row page-titles">
                <div class="col-md-5 col-8 align-self-center">
                    <!-- 北京时间接口 -->
                    <div class="col-md-8">
                        <!--setInterval实时显示时间-->
                        <h4>北京时间：</h4>
                        <p id="time1" style="color:black;font-weight: 900;font-size: 20px;font-family: 幼圆"></p>
                        <script>
                            function mytime() {
                                var a = new Date();
                                var b = a.toLocaleTimeString();
                                var c = a.toLocaleDateString();
                                document.getElementById("time1").innerHTML = c + b;
                            }

                            setInterval(function () {
                                mytime()
                            }, 1000);
                        </script>
                        <div class="">
                            <button class="right-side-toggle waves-effect waves-light btn-success btn btn-circle btn-sm pull-right m-l-10">
                                <i class="ti-settings text-white"></i></button>
                        </div>
                    </div>
                </div>
                <div class="col-md-7 col-4 align-self-center">
                    <div class="d-flex m-t-10 justify-content-end">
                        <!-- 天气预报接口 -->
                        <div class="col-md-4">
                            <iframe style="float: right;" width="420" scrolling="no" height="60" frameborder="0"
                                    allowtransparency="true"
                                    src="http://i.tianqi.com/index.php?c=code&id=12&icon=1&num=5"></iframe>
                        </div>
                        <div class="">
                            <button class="right-side-toggle waves-effect waves-light btn-success btn btn-circle btn-sm pull-right m-l-10">
                                <i class="ti-settings text-white"></i></button>
                        </div>
                    </div>
                </div>
            </div>
            <!--主体内容-->
            <div id="main"></div>
            <!-- 个人信息卡片-->
            <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                 aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="card">
                            <div class="card-body">
                                <center class="m-t-30"><img
                                        src="http://q1.qlogo.cn/g?b=qq&nk=846610749&s=100&t=1535704421"
                                        class="img-circle"
                                        width="150"/>
                                    <h4 class="card-title m-t-10">一撇一捺</h4>
                                    <h6 class="card-subtitle">晓伟科技工作室CEO</h6>
                                    <div class="row text-center justify-content-md-center">
                                        <div class="col-4"><a href="javascript:void(0)" class="link"><i
                                                class="icon-people"></i> <font class="font-medium">254</font></a></div>
                                        <div class="col-4"><a href="http://846610749.qzone.qq.com" class="link"><i
                                                class="icon-picture"></i> <font class="font-medium">54</font></a></div>
                                    </div>
                                </center>
                            </div>
                            <div>
                                <hr>
                            </div>
                            <div class="card-body">
                                <small class="text-muted">邮箱地址</small>
                                <h6>xwkj2020@163.com</h6>
                                <small class="text-muted p-t-30 db">联系方式</small>
                                <h6>+86 151 0155 0549</h6>
                                <small class="text-muted p-t-30 db">住址</small>
                                <h6>北京市昌平区</h6>
                                <div class="map-box">
                                    <label>个人简介</label>
                                    <iframe src="http://api.guaqb.cn/qzcode.php?url=QQ：846610749"
                                            width="100%" height="150" frameborder="0" style="border:0"
                                            allowfullscreen></iframe>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>


            <div class="right-sidebar">
                <div class="slimscrollright">
                    <div class="rpanel-title">功能模板 <span><i class="ti-close right-side-toggle"></i></span>
                    </div>
                    <div class="r-panel-body">
                        <ul id="themecolors" class="m-t-20">
                            <li><b>With Light sidebar</b></li>
                            <li><a href="javascript:void(0)" data-theme="default" class="default-theme">1</a></li>
                            <li><a href="javascript:void(0)" data-theme="green" class="green-theme">2</a></li>
                            <li><a href="javascript:void(0)" data-theme="red" class="red-theme">3</a></li>
                            <li><a href="javascript:void(0)" data-theme="blue" class="blue-theme working">4</a></li>
                            <li><a href="javascript:void(0)" data-theme="purple" class="purple-theme">5</a></li>
                            <li><a href="javascript:void(0)" data-theme="megna" class="megna-theme">6</a></li>
                            <li class="d-block m-t-30"><b>With Dark sidebar</b></li>
                            <li><a href="javascript:void(0)" data-theme="default-dark" class="default-dark-theme">7</a>
                            </li>
                            <li><a href="javascript:void(0)" data-theme="green-dark" class="green-dark-theme">8</a></li>
                            <li><a href="javascript:void(0)" data-theme="red-dark" class="red-dark-theme">9</a></li>
                            <li><a href="javascript:void(0)" data-theme="blue-dark" class="blue-dark-theme">10</a></li>
                            <li><a href="javascript:void(0)" data-theme="purple-dark" class="purple-dark-theme">11</a>
                            </li>
                            <li><a href="javascript:void(0)" data-theme="megna-dark" class="megna-dark-theme ">12</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--底部-->
<footer class="footer"> © 2017 - 2018 晓伟科技工作室版权所有</footer>


<!--Bootstrap脚本-->
<script src="asset/plugin/bootstrap/js/popper.min.js"></script>
<script src="asset/plugin/bootstrap/js/bootstrap.min.js"></script>
<!--jQuery-slimscroll-->
<script src="asset/plugin/jquery-slimscroll/jquery.slimscroll.js"></script>
<!--waves-->
<script src="asset/plugin/wave/waves.js"></script>
<!--sidebarmenu脚本-->
<script src="asset/plugin/sidebarmenu/sidebarmenu.js"></script>
<!--stickey-kit脚本-->
<script src="asset/plugin/sticky-kit/sticky-kit.min.js"></script>
<!--jquery-spakline脚本-->
<script src="asset/plugin/jquery-sparkline/jquery.sparkline.min.js"></script>
<!--可选脚本-->
<script src="asset/plugin/chartist-js/chartist.min.css"></script>
<script src="asset/plugin/c3/c3.min.js"></script>
<script src="asset/plugin/d3/d3.min.js"></script>
<script src="asset/plugin/sweetalert/sweetalert.min.js"></script>
<!--模板自身脚本-->
<script src="asset/plugin/material/js/custom.js"></script>
<!--js-->
<script>
    $(function () {
        $("#sidebarnav ul a").click(function () {
            var url = $(this).attr("href");
            $("#main").load(url);
            return false;
        })
    })
</script>
<script src="asset/plugin/custom/custom.min.js"></script>
<script src="asset/plugin/sticky-kit-master/dist/sticky-kit.min.js"></script>
<script src="asset/plugin/sparkline/jquery.sparkline.min.js"></script>
<!-- This is data table -->
<script src="asset/plugin/datatables/jquery.dataTables.min.js"></script>
<!-- start - This is for export functionality only -->
<script src="asset/plugin/export/dataTables.buttons.min.js"></script>
<script src="asset/plugin/export/buttons.flash.min.js"></script>
<script src="asset/plugin/export/jszip.min.js"></script>
<script src="asset/plugin/export/pdfmake.min.js"></script>
<script src="asset/plugin/export/vfs_fonts.js"></script>
<script src="asset/plugin/export/buttons.html5.min.js"></script>
<script src="asset/plugin/export/buttons.print.min.js"></script>
<!-- jQuery file upload -->
<script src="asset/plugin/dropify/dist/js/dropify.min.js"></script>
</body>
</html>